<!DOCTYPE html>

<!-- saved from url=(0037)http://www.yiban.cn/mobile/index.html -->

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta charset="UTF-8">

		<meta name="viewport" content="initial-scale=0.5,user-scalable=no,maximum-scale=1,width=device-width">

		<meta name="keywords" content="">

		<meta name="description" content="">

		<title>手机易班</title>

		<link rel="stylesheet" href="css/base.css">

		<link rel="stylesheet" href="css/main.css">

		<link rel="stylesheet" href="css/animate.css">

		<style>

			#loaidng{

			    width:400px; 

			    height:300px;  

			    left:50%; 

			    margin-left:-200px; 

			    top:50%;

			    margin-top:-150px;

			    position:absolute;

			    z-index:1000;

			  }

		</style>

		<script>

			function isMobile()  

			{  

			   var userAgentInfo = navigator.userAgent;  

			   var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPod");  

			   var flag = false;  

			   for (var v = 0; v < Agents.length; v++) {  

			       if (userAgentInfo.indexOf(Agents[v]) > 0) { 

			    	   flag = true; 

			    	   break; 

			    	}  

			   }  

			   return flag;  

			}         

			if (isMobile()) {

				window.location.href="mobile.html";

			}

		</script>

	</head>



	<body id="body">

		<div id="loaidng" style="display: none;">

			<img src="images/loading.gif">

		</div>

		<div class="yb-client-frame">

			<div class="yb-client-content yb-unvisible" style="height: 891px; opacity: 1;">

				<div class="section frist-section start-animate init-effect effect" style="height: 891px; bottom: 0%;">

					<div class="section-block" style="height: 891px;">

						<a href="" class="gohome_but yb-unvisible bg-img yb-animation">go home</a>

						<div class="gohome-img-guide bg-img yb-animation"></div>

						<a href="" class="logo bg-img yb-unvisible yb-animation">logo</a>

						<a href="" class="download_but bg-img yb-unvisible yb-animation yb-init-heart-beat" id="downloadApp">download app</a>

						<div class="section-bg-block" style="height: 891px;">

							<img src="images/guide_01_img.png" class="section-bg" data-type="full" data-origin-width="1920" data-origin-height="700" style="top: 0px; left: -261.94285714285706px; height: 891px; width: 2443.885714285714px;">

						</div>

					</div>

				</div>

				<div class="section second-section start-animate init-effect" style="height: 891px; bottom: -80%;">

					<div class="section-block" style="height: 891px;">

						<div class="section-title st-02 yb-animation bg-img yb-unvisible yb-top-to-bottom-first"></div>

						<div class="section-bg-block" style="height: 891px;">

							<img src="images/guide_02_img.png" class="section-bg yb-unvisible yb-animation  yb-bottom-to-top lazy-load" data-url="images/guide_02_img.png" data-type="origin" data-origin-width="920" data-origin-height="867" style="height: 721px; width: 765.0749711649365px; bottom: 0px; left: 577.5px;">

						</div>

					</div>

				</div>

				<div class="section" style="height: 891px; bottom: -99.99999999999999%;">

					<div class="section-block bg-green" style="height: 891px;">

						<div class="section-title st-03 bg-img yb-unvisible yb-animation yb-bottom-to-top"></div>

						<div class="section-bg-block" style="height: 891px;">

							<img src="images/img_bg_green.png" class="section-bg lazy-load" data-url="images/img_bg_green.png" data-type="full" data-origin-width="1920" data-origin-height="860" style="top: 0px; left: -34.604651162790674px; height: 891px; width: 1989.2093023255813px;">

							<img src="images/guide_03_img_1_01.png" class="section-bg yb-unvisible yb-animation yb-animation-gofast yb-animation-delay01  yb-right-to-left  lazy-load" data-url="images/guide_03_img.png" data-type="origin" style="margin-left: -350px; height: 480px; width: 270px; bottom: 0px; left: 825px;" data-origin-width="270" data-origin-height="480">

							<img src="images/guide_03_img_1_05.png" class="section-bg yb-unvisible yb-animation yb-animation-gofast yb-animation-delay01  yb-left-to-right  lazy-load" data-url="images/guide_03_img.png" data-type="origin" style="margin-left: 350px; height: 480px; width: 271px; bottom: 0px; left: 824.5px;" data-origin-width="271" data-origin-height="480">

							<img src="images/guide_03_img_1_02.png" class="section-bg yb-unvisible yb-animation yb-animation-gofast yb-animation-delay yb-right-to-left  lazy-load" data-url="images/guide_03_img.png" data-type="origin" style="margin-left: -220px; height: 517px; width: 291px; bottom: 0px; left: 814.5px;" data-origin-width="291" data-origin-height="517">

							<img src="images/guide_03_img_1_04.png" class="section-bg yb-unvisible yb-animation yb-animation-gofast yb-animation-delay yb-left-to-right  lazy-load" data-url="images/guide_03_img.png" data-type="origin" style="margin-left: 220px; height: 517px; width: 290px; bottom: 0px; left: 815px;" data-origin-width="290" data-origin-height="517">

							<img src="images/guide_03_img_1_03.png" class="section-bg yb-unvisible yb-animation yb-animation-gofast yb-bottom-to-top lazy-load" data-url="images/guide_03_img.png" data-type="origin" data-origin-width="311" data-origin-height="550" style="height: 550px; width: 311px; bottom: 0px; left: 804.5px;">

						</div>

					</div>

				</div>

				<div class="section" style="height: 891px; bottom: -99.99999999999999%;">

					<div class="section-block" style="height: 891px;">

						<div class="section-title st-04 bg-img yb-unvisible yb-animation yb-bottom-to-top"></div>

						<div class="section-bg-block" style="height: 891px;">

							<img src="images/guide_04_img_10.png" class="section-bg lazy-load" data-url="images/guide_04_img.png" data-type="origin" data-origin-width="894" data-origin-height="769" style="height: 721px; width: 838.1976592977893px; bottom: 0px; left: 541px;">

							<img src="images/guide_04_img_01.png" class="section-bg yb-animation yb-heart-beat-scale yb-heart-beat lazy-load" data-url="images/guide_04_img.png" data-type="origin" style="margin-bottom: 480px; margin-left: -220px; height: 204px; width: 200px; bottom: 0px; left: 860px;" data-origin-width="200" data-origin-height="204">

							<img src="images/guide_04_img_02.png" class="section-bg yb-animation yb-heart-beat-scale yb-heart-beat1 lazy-load" data-url="images/guide_04_img.png" data-type="origin" style="margin-bottom: 400px; height: 134px; width: 135px; bottom: 0px; left: 892.5px;" data-origin-width="135" data-origin-height="134">

							<img src="images/guide_04_img_03.png" class="section-bg yb-animation yb-heart-beat-scale yb-heart-beat2 lazy-load" data-url="images/guide_04_img.png" data-type="origin" style="margin-bottom: 337px; margin-left: 190px; height: 74px; width: 70px; bottom: 0px; left: 925px;" data-origin-width="70" data-origin-height="74">

							<img src="images/guide_04_img_04.png" class="section-bg yb-animation yb-heart-beat-scale yb-heart-beat3 lazy-load" data-url="images/guide_04_img.png" data-type="origin" style="margin-bottom: 600px; height: 50px; width: 46px; bottom: 0px; left: 937px;" data-origin-width="46" data-origin-height="50">

							<img src="images/guide_04_img_05.png" class="section-bg yb-animation yb-heart-beat-scale yb-heart-beat4 lazy-load" data-url="images/guide_04_img.png" data-type="origin" style="margin-bottom: 300px; margin-left: -20px; height: 74px; width: 80px; bottom: 0px; left: 920px;" data-origin-width="80" data-origin-height="74">

							<img src="images/guide_04_img_06.png" class="section-bg yb-animation yb-heart-beat-scale yb-heart-beat1 lazy-load" data-url="images/guide_04_img.png" data-type="origin" style="margin-bottom: 380px; margin-left: -238px; height: 57px; width: 63px; bottom: 0px; left: 928.5px;" data-origin-width="63" data-origin-height="57">

							<img src="images/guide_04_img_07.png" class="section-bg yb-animation yb-heart-beat-scale yb-heart-beat2 lazy-load" data-url="images/guide_04_img.png" data-type="origin" style="margin-bottom: 245px; margin-left: 258px; height: 57px; width: 55px; bottom: 0px; left: 932.5px;" data-origin-width="55" data-origin-height="57">

						</div>

					</div>

				</div>

				<div class="section" style="height: 891px; bottom: -99.99999999999999%;">

					<div class="section-block" style="height: 891px;">

						<div class="section-title st-05 bg-img yb-unvisible yb-animation yb-bottom-to-top"></div>

						<div class="section-bg-block" style="height: 891px;">

							<img src="images/guide_05_img.png" class="section-bg lazy-load" data-url="images/guide_05_img.png" data-type="full" data-origin-width="1920" data-origin-height="860" style="top: 0px; left: -34.604651162790674px; height: 891px; width: 1989.2093023255813px;">

						</div>

					</div>

				</div>

				<div class="section" style="height: 891px; bottom: -99.99999999999999%;">

					<div class="section-block" style="height: 891px;">

						<div class="section-title st-06 bg-img yb-unvisible yb-animation yb-bottom-to-top"></div>

					</div>

				</div>

				<div class="section effect" style="height: 1115px; bottom: -1115px;">

					<div class="section-block bg-gray" style="height: 1115px;">

						<div class="make-top"></div>

						<div class="qrcode-frame">

							<div class="qrcode-frame-img">

								<img src="images/2dcode.png">

							</div>

							<div class="note"><span>赶紧掏出手机扫描二维码~</span></div>

						</div>

						<div class="download-list clearfix">

							<div class="download-iphone">

								<a href="" class="download-iphone-link bg-img"></a>

								<div class="download-iphone-qrcode">

									<p>版本：<em id="i-version">4.1.4</em></p>

									<p>更新日期：<em id="i-updateDate">2015-02-14</em></p>

									<p>大小：<em id="i-size">9</em> M</p>

									<p>语言：简体中文</p>

									<br>

									<p>兼容性：</p>

									<p>iOS 6.0或更高版本。</p>

									<p>与iPhone、iPad、iPod touch兼容。</p>

									<p>完美适配iphone 5s、iphone 5。</p>

								</div>

							</div>

							<div class="download-android">

								<a href="" class="download-android-link bg-img"></a>

								<div class="download-android-qrcode">

									<p>版本：<em id="a-version">4.1.6</em></p>

									<p>更新日期：<em id="a-updateDate">2015-03-20</em>

									</p>

									<p>大小：<em id="a-size">9.6</em> M</p>

									<p>语言：简体中文</p>

									<br>

									<p>兼容性：</p>

									<p>Android 4.0或更高版本。</p>

									<p>完美适配小米1S、小米2A、三星Note1、</p>

									<p>三星Note2、三星Note3、Galaxy3、Galaxy4。</p>

								</div>

							</div>

						</div>

						<!--<div class="yb-note">

							 <div class="yb-note-icon"></div>

							<div class="yb-note-list">

								<p>? 我们正在为您做更多机型及系统的适配，敬请关注客户端最新版本。</p>

								<p>? 通过手机下载及使用易班手机版时会产生一定的手机流量费用，由当地运营商收取，易班不收取任何费用。</p>

							</div> 

						</div>-->

						<!-- <div class="footer">

							<div class="footer-content">

								<span>Copyright ? 2009-2015 YIBAN. All Rights Reserved.</span>

							</div>

						</div> -->

					</div>

				</div>

				<div id="guide" style="right: 3%;">

					<ul>

						<li>

							<a href="" class="guide-item bg-img active" data-section="0"></a>

						</li>

						<li>

							<a href="" class="guide-item bg-img" data-section="1"></a>

						</li>

						<li>

							<a href="" class="guide-item bg-img" data-section="2"></a>

						</li>

						<li>

							<a href="" class="guide-item bg-img" data-section="3"></a>

						</li>

						<li>

							<a href="" class="guide-item bg-img" data-section="4"></a>

						</li>

						<li>

							<a href="" class="guide-item bg-img" data-section="5"></a>

						</li>

						<li>

							<a href="" class="guide-item bg-img" data-section="6"></a>

						</li>

					</ul>

				</div>

			</div>

		</div>

		<script src="js/jquery.js"></script>

		<script src="js/ylframe-min.js"></script>

		<script src="js/loading.js"></script>

		<script src="js/main-min.js"></script>

		<script>

			ylframe.init(false);

		</script>

	





</body></html>